
/* NOTE: the relative parent MUST be large enough to hold the absolute child, therefore the parent
 * MUST have the dimension specified.
 */
#h2 {
    position:relative;

    width:250px;        /* if you comment this out, the child image will be squished into this tine space */
    height:76px;

    overflow:hidden;
    border:1px solid;
    /*background:#d5e9d7;*/
}

#h2 span {
    position:absolute;
    width:250px;
    height:76px;
    left:0;
    top:0;
    background:url("misc/heading2.jpg") no-repeat;      /* slash direction DOES matters - does not work if use backward */
    border:1px solid;
}
            
